@charset "utf-8";
@import "common/reset";
@function r($px){
    @return $px/100+rem;
}
html,body{
    height: 100%;
}
//      轮播图
.swiper-container{
    width: 100%;
    height: r(358);
    margin-top: r(89);

.swiper-slide {
    width: 100%;
    height: r(358);
    .lb_img{
        width: 100%;
        height: r(358);
        img{
            width: 100%;
        }
    }
    .lb_txt{
        width: 100%;
        background : rgba(0,0,0,0.5);
        height: r(104);
        padding: 0 r(20);
        position: absolute;
        bottom: 0;
        overflow: hidden;
        p:nth-child(1){
            font-size: r(27);
            float: left;
            color: #fff;
            margin-top: r(24);
        }
        .love1{
            font-size: r(18);
            color: #fff;
            margin-right: r(49);
            float: left;
            span{
                font-size: r(15);
                color: #fff;
                margin-left: r(6);
            }
        }
        .yanjing1{
            font-size: r(18);
            color: #fff;
            float: left;
            span{
                font-size: r(15);
                color: #fff;
                margin-left: r(6);
            }
        }
        p{
            font-size: r(18);
            color: #fff;
            float: right;
        }
    }
}
}
//登录弹窗
#check{
    display: none;
}
#check:checked ~ .marketing .loginBox{
    transform: translateX(0);
}
#check9{
    display: none;
}
#check9:checked ~ .mobile section{
    display: none;
}
#check9:checked ~ .mobile .swiper-container{
    display: none;
}
#check9:checked ~ .mobile .qwer{
    display: block;
}
#check10{
        display: none;
    }
#check10:checked ~ .mobile .qwer .comment_02 .comment_sel{
    display: block;
}  
#check10:checked ~ .mobile .qwer .comment_02 .answer p span{
    transform: rotate(90deg);
} 
//主体内容
section{
    width: 100%;
    margin-bottom: 20%;
    .content{
        width: r(583);
        margin: 0 auto;
        
        .haitian{
            width: 48%;
            float: left;
            margin-top: r(22);
            background: #f6f6f6;
            .haitian_img{
                height: 31.21%;
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
        }
        .haitian:nth-child(2n-1){
            margin-right: r(21);
        }
        h1{
            font-size: r(22);
            font-weight: normal;
        }
        .input_i{
        input{
            width: r(88);
            height: r(27);
            color: #fff;
            background: #b20000;
            font-size: r(18);
            border-radius: r(4);
            float: left;
            margin-left: r(7);
            margin-top: r(15);
        }
        span:nth-child(2){
                font-size: r(14);
                color: #c5c5c5;
                float: left;
                margin-left: r(18);
                margin-top: r(12);
                .aixin1{
                    font-size: r(16);
                    color: #c5c5c5;
                    margin-right: r(5);
                }
            }
            span:nth-child(3){
                font-size: r(14);
                color: #c5c5c5;
                float: left;
                margin-left: r(21);
                margin-top: r(10);
                .eyes{
                    font-size: r(16);
                    color: #c5c5c5;
                    margin-right: r(5);
                }
            }
        }
            .user_message{
                margin-top: r(14);
                margin-left: r(7);
                margin-bottom: r(6);
            .message_img{
                width: r(25);
                height: r(25);
                float: left;
                font-size: 0;
                img{
                    width: 100%;
                }
            }
            p{
                font-size: r(10);
                float: left;
                color: #c5c5c5;
                margin-left: r(2);
            }
        }
    }
    .more{
        width: 100%;
        padding: 0 r(29);
        margin-top: r(33);
        a{
            border-top: r(1) solid #e6e6e6;
            display: block;
            font-size: r(22);
            color: #bbbbbb;
            text-align: center;
            padding-top: r(19);
        }
    }
}
.qwer{
    width: 100%;
    display: none;
    width: 100%;
    margin-bottom: 20%;
    margin-top: r(100);
    .pass1{
        width: r(581);
        margin: 0 auto;
        margin-top: r(42);
        h1{
            font-size: r(30);
            line-height: r(30);
        }
        .pass1_i{
            p{
                font-size: r(20);
                color: #c5c5c5;
                float: right;
                margin-left: r(44);
                i{
                    font-size: r(19);
                    margin-right: r(6);
                }
            }
        }
        .pass1_span{
            margin-top: r(10);
            p{
                font-size: r(22);
                text-align: right;
                color: #c5c5c5;
                span{
                    color: #b20000;
                }
            }
        }
        .wz_txt{
            p{
            margin-top: r(42);
            font-size: r(20);
            color: #8b8b8b;
            text-indent: 2em;
            line-height: r(34);
            }
            h1{
                font-size: r(20);
                font-weight: normal;
                text-indent: 2em;
                line-height: r(34);
                margin-top: r(39);
            }
            .wz_img{
                width: r(580);
                height: r(271);
                margin-top: r(15);
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
        }
        //-------------------------------------------
        .wz_txt2{
            p{
//          margin-top: r(42);
            font-size: r(20);
            color: #8b8b8b;
            text-indent: 2em;
            line-height: r(34);
            }
            p:nth-child(2){
                margin-top: r(42);
            }
            h1{
                font-size: r(20);
                font-weight: normal;
                text-indent: 2em;
                line-height: r(34);
                margin-top: r(39);
            }
            .wz_img{
                width: r(592);
                margin-top: r(15);
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
        }
        //-------------------------------------------
        .wz_txt3{
            p{
            font-size: r(20);
            color: #8b8b8b;
            text-indent: 2em;
            line-height: r(34);
            }
            h1{
                font-size: r(20);
                font-weight: normal;
                text-indent: 2em;
                line-height: r(34);
                
            }
            h1:nth-child(1){
                margin-top: r(24);
            }
            .wz_img{
                width: r(592);
                margin-top: r(15);
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
        }
        //-------------------------------------------
        .wz_txt4{
            p{
            font-size: r(20);
            color: #8b8b8b;
            line-height: r(34);
            }
            p:nth-child(2){
            margin-top: r(35);
            }
            h1{
                font-size: r(20);
                font-weight: normal;
                line-height: r(34);
                
            }
            h1:nth-child(4){
                margin-top: r(24);
            }
            p:nth-child(5){
            margin-top: r(35);
            }
            .wz_img{
                width: r(583);
                margin-top: r(15);
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
        }
        //-------------------------------------------
        .wz_txt5{
            p{
            font-size: r(20);
            color: #8b8b8b;
            line-height: r(34);
            }
            p:not(:first-child){
                margin-top: r(34);
            }
            .wz_img{
                width: r(582);
                margin-top: r(15);
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
        }
        //-------------------------------------------
        .wz_txt6{
            p{
            font-size: r(20);
            color: #8b8b8b;
            line-height: r(34);
//          margin-top: r(26);
            }
           
            .wz_img{
                width: r(581);
                margin-top: r(15);
                overflow: hidden;
                img{
                    width: 100%;
                }
            }
        }
        .wz_img_07{
            width: r(527);
            margin-top: r(15);
            overflow: hidden;
            img{
                width: 100%;
            }
        }
    }
        .last{
            width: 100%;
            height: r(118);
            border-top: r(19) solid #efefef;
            border-bottom: r(19) solid #efefef;
            p{
                margin-left: r(29);
                margin-top: r(24);
                font-size: r(21);
                color: #727171;
                font-weight: bold;
                a{
                    font-size: r(18);
                    color: #727171;
                    font-weight: normal;
                }
            }
        
    }
    .comment{
        width: r(583);
        margin: 0 auto;
        .comment_top{
            width: r(326);
            margin: 0 auto;
            margin-top: r(38);
            overflow: hidden;
            .top_1{
                width: r(72);
                float: left;
                .top_1_img{
                    width: r(72);
                    height: r(72);
                    font-size: 0;
                    overflow: hidden;
                    img{
                        width: 100%;
                        border-radius: 50%;
                    }
                }
                p{
                    font-size: r(20);
                    color: #8b8b8b;
                    text-align: center;
                    margin-top: r(8);
                }
            }
            .top_1:not(:last-child){
                margin-right: r(55);
            }
        }
        .comment_txt{
            width: r(583);
            height: r(193);
            margin: 0 auto;
            border: r(1) solid #cecece;
            p{
                font-size: r(20);
                color: #8b8b8b;
                text-align: center;
                margin-top: r(78);
               
                a{
                    font-size: r(20);
                    margin-right: r(6);
                    color: #b20000;
                    text-decoration: underline;
                }
            }
        }
        .comment_btn{
            width: r(395);
            height: r(53);
            margin: 0 auto;
            background: #b20000;
            margin-top: r(16);
            p{
                font-size: r(26);
                color: #fff;
                text-align: center;
                line-height: r(26);
                padding-top: r(13);
            }
        }
    }
    .comment_02{
        width: r(572);
        margin: 0 auto;
        margin-top: r(49);
        p{
            color: #727171;
            font-size: r(18);
            line-height: r(18);
            span{
                text-decoration: underline;
            }
        }
        .comment_02_pic{
                margin-top: r(25);
            .comment_02_img{
                width: r(50);
                height: r(50);
                font-size: 0;
                overflow: hidden;
                float: left;
                img{
                    width: 100%;
                    border-radius: 50%;
                }
            }
            p{
                font-size: r(18);
                line-height: r(18);
                color: #444444;
                margin-top: r(16);
                margin-left: r(12);
                float: left;
                span{
                    font-size: r(18);
                    color: #b2b2b2;
                    margin-left: r(9);
                    text-decoration: none;
                }
            }
        }
        p:nth-child(3){
            font-size: r(22);
            color: #444444;
            line-height: r(22);
            margin-top: r(12);
            margin-left: r(8);
        }
            p:nth-child(4){
                font-size: r(18);
                color: #b2b2b2;
                text-decoration: none;
                line-height: r(22);
                text-align: right;
                margin-top: r(8);
            }
            .answer {
                width: r(150);
                float: right;
                p{
                text-align: right;
                margin-top: r(20);
                font-size: r(20);
                line-height: r(20);
                color: #444444;
                span{
                    font-size: r(10);
                    color: #c9c9c9;
                    text-decoration: none;
//                  transform: rotate(0deg);
                    display: block;
                    float: right;
                    margin-left: r(5);
                }
            }
             }
            .comment_sel{
                width: r(535);
                height: r(376);
                background: #fafafa;
                margin: 0 auto;
                margin-top: r(49);
                border: r(1) solid #efefef;
                display: none;
                .mimo{
                    width: r(522);
//                  margin: 0 auto;
                    padding-top: r(19);
                    padding-bottom: r(14);
                    border-bottom: r(1) dashed #c9c9c9;
                    .mimo_pic{
                        width: r(40);
                        height: r(40);
                        font-size: 0;
                        margin-right: r(6);
                        overflow: hidden;
                        float: left;
                        img{
                            width: 100%;
                            border-radius: 50%;
                        }
                    }
                    p:nth-child(2){
                        font-size: r(18);
                        line-height: r(36);
                        color: #444444;
                    }
                    p:nth-child(3){
                        font-size: r(18);
                        line-height: r(18);
                        color: #b2b2b2;
                        float: right;
                        margin-top: r(35);
                    }
                }
                textarea{
                    width: r(497);
                    height: r(72);
                    display: block;
                    font-size: r(18);
                    padding-left: r(5);
                    padding-top: r(5);
                    resize: none;
                    color: #444444;
                    margin: 0 auto;
                    border: r(1) solid #efefef;
                    background: #fff;
                    margin-top: r(20);
                }
                .fabiao{
                    width: r(174);
                    height: r(45);
                    margin-top: r(8);
                    margin-right: r(25);
                    padding-top: r(5);
                    background: #b20000;
                    float: right;
                    font-size: r(20);
                    color: #fff;
                    text-align: center;
                }
        }
   
       
    
    }
    .more{
        width: 100%;
        padding: 0 r(29);
        margin-top: r(33);
        a{
            border-top: r(1) solid #e6e6e6;
            display: block;
            font-size: r(22);
            color: #bbbbbb;
            text-align: center;
            padding-top: r(19);
        }
    }
}
